
let table = null;
let myWhere = {},form =null;
const setMyWhere = () => {
    myWhere = {
        name: $("#name").val().trim(),
        buildNumber: $("#name1").val().trim(),
        status: $("#orderType").val()
    }
}
setMyWhere()
let pages = 1;
/**
 * 所有的重置表格
 */
function load(){
    layui.use(['table'], ()=>{
        layui.table.reload('exampleTable',{
            where: myWhere
        })
    })
}

/**
 * 详情
 * @param id 数据id
 * @param index 数据集合第几个默认-1，展示全部
 */
function lookInfo(id) {
    let _index=layer.open({
        type: 2,
        title: '编辑房型',
        maxmin: true,
        shadeClose: false,
        area: ['500px', '500px'],
        content: `/jzweb/house/info/edit/${id}`,
    });
    // layer.full(_index)
}
const remove=(id)=>{
    layer.confirm('确定要删除选中的记录？', {
        btn : [ '确定', '取消' ]
    }, function() {
        $.ajax({
            url : "/jzweb/jazHouseTypes/remove",
            type : "post",
            data : {
                'id' : id
            },
            success : function(r) {
                if (r.code==0) {
                    layer.msg(r.msg);
                    load();
                }else{
                    layer.msg(r.msg);
                }
            }
        });
    })
}
const add=()=>{
    let _index=layer.open({
        type: 2,
        title: '新增房型',
        maxmin: true,
        shadeClose: false,
        area: ['500px', '500px'],
        content: `/jzweb/house/info/add/1`,
    });
    // layer.full(_index)
}

$(function () {
    layui.use(['table', 'form'], function () {
        table = layui.table
        var  $ = layui.$;
        form = layui.form;

        // 创建渲染实例
        table.render({
            elem: '#exampleTable'
            , id: 'exampleTable'
            , url: '/jzweb/jazHouseTypes/selHouseTypeList'
            ,method:'get'
            ,contentType: 'application/x-www-form-urlencoded'
            // ,contentType: 'application/json'
            , cellMinWidth: 80
            , page: { //支持传入 laypage 组件的所有参数（某些参数除外，如：jump/elem） - 详见文档
                layout: ['limit', 'count', 'prev', 'page', 'next', 'skip'] //自定义分页布局
                , curr: pages //设定初始在第 5 页
                , groups: 5 //只显示 1 个连续页码
                , limit: 15
                , limits : [15,30,50,100,200]
            }
            , request: {
                pageName: 'current' //页码的参数名称，默认：page
                , limitName: 'size'
            }
            , where: myWhere
            , defaultToolbar: false
            , loading: false
            , cols:  [[
                {
                    field: 'name',
                    title: '小区名称',
                    align: 'center'
                },
                {
                    field: 'buildNumber',
                    align: 'center',
                    title: '楼栋房号',
                    templet: function (d) {
                        return   `<span>${d.buildNumber?d.buildNumber:'-'}</span>`

                    }
                },
                {
                    field: 'canStay',
                    align: 'center',
                    title: '可住/入住',
                    templet: function (d) {
                        return   `<span>${d.canStay?(d.canStay+'/'+d.stay):'-'}</span>`

                    }
                },
                {
                    field: 'status',
                    title: '状态',
                    align: 'center',
                    templet: function (d) {
                        return   `<span>${d.status==0?'未入住':d.status==1?'已入住':d.status==2?'已住满':'-'}</span>`

                    }
                },
                {
                    field: 'createTime',
                    align: 'center',
                    title: '发布时间',
                    templet: function (d) {
                        return   `<span>${d.createTime}</span>`

                    }
                },
                {
                    title: '操作',
                    field: 'id',
                    align: 'center',
                    templet: function (d) {
                        var b = `<a  class="btn btn-primary btn-sm ${look_edit}" href="#" mce_href="#" title="编辑" onclick="lookInfo('${d.id}')"><i class="fa fa-edit"></i></a> `;
                        var c = `<a  class="btn btn-primary btn-sm ${look_remove}" href="#" mce_href="#" title="删除" onclick="remove('${d.id}')"><i class="fa fa-remove"></i></a> `;

                        // return d.status==2?'-':(b + c)
                        return d.status!=0?b:(b + c)
                    }
                }
            ]]
            , response: {
                statusCode: 0 //重新规定成功的状态码为 200，table 组件默认为 0
            }
            , parseData: function (res) {
                if (res.code != 0) {
                    return false;
                }
                if(Number(res.data.total)>0&&res.data.records.length==0){
                    pages--;
                    if(pages>0) {
                        table.reload('exampleTable', {
                            page: {curr: pages},
                            where: myWhere,
                        })
                    }
                }
                return {
                    "code": res.code, //解析接口状态
                    "msg": res.msg, //解析提示文本
                    "count": res.data.total, //解析数据长度
                    "data": res.data.records //解析数据列表
                };
            }
            , jump: function (obj, first) {
                //首次不执行
                if (!first) {
                    pages = obj.curr
                }
            }
            , error: function (res, msg) {
                console.log(res, msg)
            }
            , done: function (res) {
                layer.close()
                hindLoading()
            }
        });
        var $ = layui.$, active = {
            reload: function () {
                setMyWhere()
                //执行重载
                table.reload('exampleTable', {
                    page: {
                        curr: 1 //重新从第 1 页开始
                    }
                    , where: myWhere
                });
            }
        };

        /**
         * 搜索事件
         */
        $('.demoTable .layui-btn').on('click', function () {
            var type = $(this).data('type');
            setMyWhere()
            active[type] ? active[type].call(this) : '';
        });
    });
});